function bind() {
    var tds = document.querySelectorAll("td")

    for (let i = 0; i < tds.length; i++) {
        // 给单个表格添加click事件监听，当被点击时，先清除整个表格的所有的样式
        tds[i].addEventListener("click", function () {
            for (let j = 0; j < tds.length; j++) {
                tds[j].className = ""
            }
            // 给当前被点击的td添加类
            tds[i].classList.add("current")
            // 如果有下一个姐妹
            if (tds[i].nextElementSibling)
                tds[i].nextElementSibling.classList.add("wrap")
            //如果有前一个姐妹
            if (tds[i].previousElementSibling)
                tds[i].previousElementSibling.classList.add("wrap")
            // 如果有下一行，因为一行有10个所以%10
            // if (tds[i].parentElement.nextElementSibling !== null) {
            //     tds[i].parentElement.nextElementSibling.children[i % 10].classList.add("wrap")
                // //不在右边界
                // if ((i % 10) !== 9) {
                //     if (tds[i].parentElement.nextElementSibling.children[(i + 1) % 10] !== null) {
                //         tds[i].parentElement.nextElementSibling.children[(i + 1) % 10].classList.add("wrap")
                //     }
                // }
                // //不在左边界
                // if ((i % 10) !== 0) {
                //     if (tds[i].parentElement.nextElementSibling.children[(i - 1) % 10] !== null) {
                //         tds[i].parentElement.nextElementSibling.children[(i - 1) % 10].classList.add("wrap")
                //     }
                // }
            // }
            // if (tds[i].parentElement.previousElementSibling !== null) {
            //     tds[i].parentElement.previousElementSibling.children[i % 10].classList.add("wrap")
            //
            //     if ((i % 10) !== 9) {
            //         if (tds[i].parentElement.previousElementSibling.children[(i + 1) % 10] !== null) {
            //             tds[i].parentElement.previousElementSibling.children[(i + 1) % 10].classList.add("wrap")
            //         }
            //     }
            //     if ((i % 10) !== 0) {
            //         if (tds[i].parentElement.previousElementSibling.children[(i - 1) % 10] !== null) {
            //             tds[i].parentElement.previousElementSibling.children[(i - 1) % 10].classList.add("wrap")
            //         }
            //     }

            }

        })

    }
}